<template>
    <div class="nurseBody">
        <nurseItem 
            v-for="nurse in nurseList"
            :key="nurse.nurseId"
            :nurse='nurse'
        ></nurseItem>
    </div>

</template>

<script>
    import nurseItem from "@/components/Nurse/nurseItem"
    export default {
        name:'nurseBody',
        components:{nurseItem},
        props:['nurseList'],
        data(){
            return{
                loading:false,
            }
        }
    }
</script>

<style scoped>
    .nurseBody{
        width: 600px;
        height: 480px;
        overflow:auto
    }
    .time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 50px;
    height: 50px;
    display: block;
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
</style>